<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- <div style="width: 100px; height: 100px; background: #123450;"></div> -->
    <p style="color: red;"></p>
    <!-- <script>
        // 编写一个函数，获得一个十六进制的随机颜色的字符串(例如：#20CD4F)
        var str = "0123456789abcdef";
        var str2="";
        for(var i=0;i<6;i++){
            var r = Math.floor(Math.random()*(str.length-1-0+1)+0);
            str2 += str.substr(r,1);
        }
        console.log('#'+str2);
        console.log(typeof str2);
    </script> -->

    <!-- <script>
        //时钟效果，页面显示效果： 2017年8月28日13:47:38，需求：不用手动刷新 自动刷 （略微超纲
        var p1 = document.querySelector("p");
        setInterval(function(){
            var time = new Date();      //写在定时器内部
            var year = time.getFullYear();
            var month = time.getMonth()+1;
            var day = time.getDate();
            var hour = time.getHours();
            var minute = time.getMinutes();
            var second = time.getSeconds();
            p1.innerText = year+'年'+month+'月'+day+'日'+hour+':'+minute+':'+second;
        },1000)
    </script> -->

    <!-- <script>
        // 倒计时效果 var str = '分:秒'   每隔一秒减去1 一直到  01:36  （难）
        var timeStr = '1:46';
        setInterval(function() {
    // 步骤1：转换为unix时间戳（自己算  分钟*60 等于 s）
    // 步骤2：-1
        var timeArr = timeStr.split(':') // timeArr[0]分钟 timeArr[1]秒
        var timeDelOne = parseInt(timeArr[0])*60 + parseInt(timeArr[1]) - 1
    // console.log(timeDelOne)
    // 步骤3：时间戳转换为分和秒
    // 3.1 除60可以得到分（但是有没有小数 有 小数代表不够+1分钟 小数就是剩余的秒）
        var m = Math.floor(timeDelOne / 60)
    // 3.2 得到剩余秒
        var s = timeDelOne - m*60
    // 步骤4：输出
        timeStr = m+':'+s
    // console.log(timeStr)
        var p1 = document.querySelector('p')
        p1.innerHTML = timeStr
    }, 1000)

    </script> -->

    <script>
        // 封装一个方法、输出刚刚、几秒前、几小时等
        function tm(m){
            var time1=new Date();
            var time2=new Date(m);
            var digit=parseInt((time1.getTime()-time2.getTime())/1000);
            var status="刚刚"
            if(digit<60){
                status="秒前";
                return digit+status;
            }
            else if(digit>=86400){
                status="天前";
                return Math.floor(digit/3600/24)+status;
            }
            else if(digit>=3600){
                status="小时前";
                return Math.floor(digit/3600)+status;
            }
            else if(digit>=60){
                status="分钟前";
                return Math.floor(digit/60)+status;
            }   
        }
            var p1=document.querySelector("p");
            p1.innerText= tm("2021-12-20 19:04:02");
    </script>
</body>
</html>